<style>
    td {
        padding: 5px;
        color: #B19F8E;
        font-size: 1.0em;
    }

    span {
        margin-right: 5px;;
    }

    .hr1 {
        width: 90%;
        color: white;
    }

    .p1 {
        position: relative;
        left: 65px;
        top: -99px;
        color: white
    }
</style>
<ion-view view-title="资产明细" style="color: white">
    <ion-nav-bar>
        <!--不能没有这个标签-->
        <a class="icon ion-android-arrow-back"  style="position: absolute;top:10px;left:10px;z-index: 9999;color: white;font-size: 30px;"  ng-click="goBackProperty()"></a>
    </ion-nav-bar>


    <ion-header-bar class="bar-energized" style="color: white">
        <!--<button class="button-icon icon ion-chevron-left" style="color:white" ng-click="goBack()"></button>-->

    </ion-header-bar>
    <ion-content
            style="background: url(img/background.jpg) no-repeat center center, -webkit-linear-gradient(top, rgb(250, 149, 59) 0%, rgb(245, 88, 69) 100%);background-size: cover;">
        <div id="myproperty">
            <div style="position: relative;left: 10%;">
                <canvas id="subdoughnut"></canvas>
                <p style="margin:-120px -120px -120px 60px;font-size: 1.5em;color:#FF6600">{{totalzc}}</p>

                <p style="color:#999999;margin:120px 120px 120px 80px;font-size: 0.625em;">总资产(元)</p></div>
            <div style="position: absolute;top:5%;left: 72%;">
                <table>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#78BDFF; border-radius:5px;">

    </span>网贷
                        </td>
                    </tr>
                    <tr>
                        <td><span
                                style=" display:inline-block;width:10px; height:10px; background-color:#01A0E8; border-radius:5px;">

                        </span>银行理财
                        </td>
                    </tr>

                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#F29600; border-radius:5px;">

                        </span>众筹
                        </td>
                    </tr>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#B28146; border-radius:5px;">

                        </span>江南组合
                        </td>
                    </tr>
                    <tr>
                        <td> <span
                                style=" display:inline-block;width:10px; height:10px; background-color:#BCBCBC; border-radius:5px;">

                        </span>可用余额
                        </td>
                    </tr>
                </table>
            </div>
            <div style="font-family: 微软雅黑;width: 95%;position: relative;top: -50px;;left: 8%">
                <div class="row" style="position: relative;top:30px;left:-10px;width:100%;">
                    <div class="col col-33 cv" style="border: 0px solid grey;">
                        <div class="center cap-value-small"
                             style="font-size:10px;;width: 100px;">
                            <p style="font-size: 2.0em;color:#FF6600;">{{totalamount1}}</p>


                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p style="color: #999999"> 投资总额(元)</p>
                        </div>
                    </div>
                    <div class="col col-33 cv" style="border: 0px solid grey;margin-left:20%">
                        <div class="center cap-value-small"
                             style="font-size:10px;">
                            <p style="font-size: 2.0em;color:#FF6600">{{kyyue1}}</p>
                        </div>
                        <div class="center cap-value-small" style="font-size: 10px;color: #979797;">
                            <p class="spc" style="color: #999999"> 可用余额(元)</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div style="background-color: #F8983E;opacity: 0.7;border: 0px solid red;height:350px;">

            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;margin-bottom: 0px;">
                <canvas id="can1" width="100px" height="100px" style=""></canvas>
                <p style="width: 80px;"></p>{{wdrate}}% <p style="width: 40px;"></p>
                {{wd1}}
            </div>
            <p  style=" position:relative;left: 65px; top: -49px;color: white">网贷</p>
            <hr class="hr1" style="position: relative;top: -40px;">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;position: relative;top:-50px;">
                <canvas id="can2" width="60px" height="60px" style="position: relative;top:10%;"></canvas>
                <p style="width: 80px;"></p>{{yhlcrate}}% <p style="width: 40px;"></p>
                {{yhlc1}}
            </div>
            <p class="p1">银行理财</p>
            <hr class="hr1" style="position: relative;top: -90px;">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;position: relative;top:-100px;">
                <canvas id="can3" width="60px" height="60px" style="position: relative;top:10%;"></canvas>
                <p style="width: 80px;"></p>{{zcrate}}% <p style="width: 40px;"></p>
                {{zc1}}
            </div>
            <p class="p1" style=" position:relative;left: 65px; top: -149px;color: white">众筹</p>
            <hr class="hr1" style="position: relative;top: -140px;">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;position: relative;top:-150px;">
                <canvas id="can4" width="60px" height="60px" style="position: relative;top:10%;"></canvas>
                <p style="width: 80px;"></p>{{jnzhrate}}% <p style="width: 40px;"></p>
                {{jnzh1}}
            </div>
            <p class="p1" style=" position:relative;left: 65px; top: -199px;color: white">江南组合</p>
            <hr class="hr1" style="position: relative;top: -190px;">
            <div class="row"
                 style="font-size: 1.2em;color:white;line-height: 4;position: relative;top:-200px;">
                <canvas id="can5" width="60px" height="60px" style="position: relative;top:10%;"></canvas>
                <p style="width: 80px;"></p>{{yuerate}}% <p style="width: 40px;"></p>
                {{kyyue1}}
            </div>
            <p class="p1" style=" position:relative;left: 65px; top: -249px;color: white">余额</p>
        </div>
    </ion-content>
</ion-view>
